<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>登录</title>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>    
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
     <!-- GLOBAL STYLES -->
     <!-- PAGE LEVEL STYLES -->
     <link rel="stylesheet" type="text/css" href="static/assets/plugins/bootstrap/css/bootstrap.css" />
     <link rel="stylesheet" type="text/css" href="static/assets/css/login.css" />
     <link rel="stylesheet" type="text/css" href="static/assets/plugins/magic/magic.css" />
     <!-- END PAGE LEVEL STYLES -->
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
     <![endif]-->
     <!-- PAGE LEVEL SCRIPTS -->
     <script src="static/assets/plugins/jquery-2.0.3.min.js"></script>
     <script src="static/assets/plugins/bootstrap/js/bootstrap.js"></script>
     <script src="static/assets/js/login.js"></script>
     <!--END PAGE LEVEL SCRIPTS -->
</head>
<body>
    <!-- PAGE CONTENT --> 
    <div class="container">
	    <div class="text-center">
	        <img src="static/assets/img/logo.png" id="logoimg" alt=" Logo" />
	    </div>
	    <div class="tab-content">
	        <div id="login" class="tab-pane active">
	            <form action="" class="form-signin" method="post">
	                <p class="text-muted text-center btn-block btn btn-primary btn-rect">
	                    Enter your username and password
	                </p>
	                <input type="text" name="username" placeholder="Username" class="form-control" value="<shiro:principal/>"/>
	                <input type="password" name="password" placeholder="Password" class="form-control" />
	                <button class="btn text-muted text-center btn-danger" type="submit">登录</button>
	            </form>
	        </div>
	        <div id="forgot" class="tab-pane">
	            <form action="index.html" class="form-signin">
	                <p class="text-muted text-center btn-block btn btn-primary btn-rect">Enter your valid e-mail</p>
	                <input type="email"  required="required" placeholder="Your E-mail"  class="form-control" />
	                <br />
	                <button class="btn text-muted text-center btn-success" type="submit">Recover Password</button>
	            </form>
	        </div>
	        <div id="signup" class="tab-pane">
	            <form action="index.html" class="form-signin">
	                <p class="text-muted text-center btn-block btn btn-primary btn-rect">Please Fill Details To Register</p>
	                 <input type="text" placeholder="First Name" class="form-control" />
	                 <input type="text" placeholder="Last Name" class="form-control" />
	                <input type="text" placeholder="Username" class="form-control" />
	                <input type="email" placeholder="Your E-mail" class="form-control" />
	                <input type="password" placeholder="password" class="form-control" />
	                <input type="password" placeholder="Re type password" class="form-control" />
	                <button class="btn text-muted text-center btn-success" type="submit">Register</button>
	            </form>
	        </div>
	    </div>
	    <div class="text-center">
	        <ul class="list-inline">
	            <li><a class="text-muted" href="#login" data-toggle="tab">Login</a></li>
	            <li><a class="text-muted" href="#forgot" data-toggle="tab">Forgot Password</a></li>
	            <li><a class="text-muted" href="#signup" data-toggle="tab">Signup</a></li>
	        </ul>
	    </div>


    </div>

      <!--END PAGE CONTENT -->     
</body>
</html>